import React, { useEffect, useState, useRef } from 'react'
import { Button, View, Image, Input, Form } from '@tarojs/components'
import Taro from '@tarojs/taro'
import styles from './index.module.scss'

export default function DefaultList(props) {
  const [content, setContent] = useState<any>([
    { text: '什么是“算力”？', id: '1', type: 'text', status: 'ask' },
    { text: '大模型能为企业做什么？', id: '2', type: 'text', status: 'ask' },
    { text: '什么是“低空经济”？', id: '3', type: 'text', status: 'ask' },
    // { text: '企业有多少家门头沟区', id: '4', type: 'text', status: 'ask' }
  ])

  useEffect(() => {
    return () => {}
  }, []) // 这是因为 config 状态在组件挂载时被初始化了一次，并且在 useEffect 中被设置为依赖项为空数组 []，这意味着 recorderManager 的事件监听器只会在组件首次挂载时设置一次，而不会随着 config 的变化而重新设置。

  return (
    <View className={styles['defaultList']}>
      <Image
        className={styles['robot_img']}
        src='http://111.34.82.98:10001/talent/files/56ecfe61-ca01-4664-8563-fe32960f4048/robotavatar.png'
      />

      <View className={styles['first_title']}>Hi！我无所不知，是您的专属智能客服</View>
      {/* <View className={styles['second_title']}>由DeepSeek R1模型驱动的，期待与您畅聊</View> */}
      <View className={styles['third_title']}>由DeepSeek R1模型驱动，期待与您畅聊</View>
      <View className={styles['content_list']}>
        {content.map((item, index) => {
          return (
            <View
              className={styles['content_list_item']}
              key={index}
              onClick={() => {
                props.emitDataList(item)
                props.changeHeight(0)
              }}
            >
              {item.text}
            </View>
          )
        })}
      </View>
      <View className={styles['refresh']}>
        <Image style='width: 12px;height: 12px' src='http://111.34.82.98:10001/talent/files/48feadc6-9c9c-4b97-a9dd-99f40e0c8530/refresh.png' />
        <View className={styles['refresh_text']}>换一换，关键词提示</View>
      </View>
    </View>
  )
}
